$(function () {
    $(document).ready(function  () {
        $.ajax({
            type: 'get',
            url: 'http://193.112.55.79:9090/api/getbaicaijiatitle',
            dataType: 'json',
            success: function (res) {
                var pro_id = 0;
                gettabLis(res);
                getData(pro_id);
            }
        })
    })
    function gettabLis (res) {
        var html = template('tabTemp', {
            tabs: res.result
        });
        $('.baicai_tab').html(html);
        // 获取所有的li的宽度
        var allLi = $('.baicai_tab').find('li');
        console.log(allLi);
        var totalWidth = 0
        allLi.each(function (index, value) {
            totalWidth += $(value).width();
        })
        $('.baicai_tab').width(totalWidth);
        // 初始化iscroll插件
        var myScroll = new IScroll('#wrapper', {
            scrollX: true, scrollY: false
        });
        // 给第一个li添加active样式
        $(allLi[0]).addClass('active');
        var lis = $('.baicai_tab > li');
        console.log(lis);
        lis.click(function () {
            pro_id = $(this).attr('tabId');
            $(this).siblings('li').removeClass('active');
            $(this).addClass('active');
            // console.log(pro_id);
            getData(pro_id);
        })
    }
    // 产品栏
    function getData(pro_id) {
        // console.log(pro_id);
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getbaicaijiaproduct?titleid=" + pro_id + "",
            dataType: "json",
            success: function (res) {
                console.log(res);
                var proHtml = template('productTemp',{
                    baicaiPD:res.result
                });
                $('.baicai_product').html(proHtml);
            }
        });
    }
})